<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>专家支撑周报</title>
</head>
<body style="margin: 0; padding: 0; box-sizing: border-box;">
    <div style="max-width: 800px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif;">
        <h2 style="text-align: center; color: #333; text-align: center;color: #333;margin: 0;padding: 0;">专家支撑周报</h2>
        <div style="text-align: center; margin-bottom: 10px; color: #666;">
            <p>统计周期：{start_date} 至 {end_date}</p>
        </div>
        
        <div style="margin-bottom: 10px; padding: 15px; border: 1px solid #ddd; border-radius: 5px;">
            <table style="width: 100%; border-collapse: collapse; margin-bottom: 15px;">
                <tr>
                    <td style="padding: 8px; border: 1px solid #ddd; background-color: #f9f9f9; width: 14%;"><strong>总任务数</strong></td>
                    <td style="padding: 8px; border: 1px solid #ddd; text-align: center;">{total_tasks}</td>
                    <td style="padding: 8px; border: 1px solid #ddd; background-color: #f9f9f9;width: 14%;"><strong>已完成任务</strong></td>
                    <td style="padding: 8px; border: 1px solid #ddd; text-align: center;">{completed_tasks}</td>
                    <td style="padding: 8px; border: 1px solid #ddd; background-color: #f9f9f9;width: 14%;"><strong>待处理任务</strong></td>
                    <td style="padding: 8px; border: 1px solid #ddd; text-align: center;">{pending_tasks}</td>
                </tr>
            </table>
            
            <h3 style="color: #333; margin: 15px 0 5px;">任务类型分布</h3>
            <table style="width: 100%; border-collapse: collapse;">
                <tr>
                    <th style="padding: 8px; border: 1px solid #ddd; background-color: #f0f0f0;">类型</th>
                    <th style="padding: 8px; border: 1px solid #ddd; background-color: #f0f0f0;">数量</th>
                    <th style="padding: 8px; border: 1px solid #ddd; background-color: #f0f0f0;">占比</th>
                </tr>
                <tr>
                    <td style="padding: 8px; border: 1px solid #ddd;">{task_type_1}</td>
                    <td style="padding: 8px; border: 1px solid #ddd; text-align: center;">{count_1}</td>
                    <td style="padding: 8px; border: 1px solid #ddd; text-align: center;">{percentage_1}%</td>
                </tr>
                <tr>
                    <td style="padding: 8px; border: 1px solid #ddd; background-color: #f9f9f9;">{task_type_2}</td>
                    <td style="padding: 8px; border: 1px solid #ddd; text-align: center; background-color: #f9f9f9;">{count_2}</td>
                    <td style="padding: 8px; border: 1px solid #ddd; text-align: center; background-color: #f9f9f9;">{percentage_2}%</td>
                </tr>
                <tr>
                    <td style="padding: 8px; border: 1px solid #ddd;">{task_type_3}</td>
                    <td style="padding: 8px; border: 1px solid #ddd; text-align: center;">{count_3}</td>
                    <td style="padding: 8px; border: 1px solid #ddd; text-align: center;">{percentage_3}%</td>
                </tr>
            </table>
        </div>
    </div>
</body>
</html>